<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- 可选的Bootstrap主题文件（一般不用引入） -->
		<link rel="stylesheet" href="css/bootstrap-theme.min.css">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="js/jquery.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="js/bootstrap.min.js"></script>

		<link rel="stylesheet" href="css/mjiang.css" type="text/css">		
	</head>
	<body>
		<header>
			<nav class="navbar navbar-default navbar-static-top">
			  <div class="container">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			    	
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <div  class="navbar-brand"> 
			        <img alt="Brand" src="https://git.oschina.net/logo.gif" height="40px;" style="padding-bottom:2rem;">
			      </div>
			      <a class="navbar-brand" href="#">Git@OSC</a>
			    </div>
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li><a href="#">发现 <span class="sr-only">(current)</span></a></li>
			        <li><a href="#">帮助</a></li>
			        <li><a href="#">建议</a></li>
							<li><a href="#">社区</a></li>
							<li></li>
			      </ul>
			      <form class="navbar-form navbar-left" role="search">
			        <div class="form-group">
			          <input type="text" class="form-control" placeholder="搜索项目..."> 
			          <!-- <span class="glyphicon glyphicon-star" aria-hidden="true"></span> -->
			        </div>
			        <button type="submit" class="btn btn-default" >搜索</button>	        
			      </form>
			      <ul class="nav navbar-nav navbar-right">
			        <li><a href="#">注册</a></li>
			      	<li><a href="#">登录</a></li>
			      </ul>
			    </div><!-- /.navbar-collapse -->
			  </div><!-- /.container-fluid -->
			</nav>
		</header>
		<div id="bluearea">
			<div id="blueEN">Beyond Coding , Social Collaboration</div>
			<div id="blueCH" >不只是编码，我们更注重社会化协作！	</div>
			<div  id="doublebutton">
				<div id="newbuttonleft"> 加入Git@OSC </div>
				<div id="newbuttonright"> 已有账号？登录 </div>
			</div>
		</div>
		<div id="iconarea">
			<div id="icon4area">
				<div id="picleft"> 
					<img src="https://git.oschina.net/index/code.png" alt="" style="width:65px;padding-top:1rem;">
					<img src="https://git.oschina.net/index/code.png" alt="" style="width:65px;padding-top:4rem;">
				</div>
				<div id="iconleft">
					<h4>完全免费</h4>
          <p>可创建 1000 个项目，不限私有或公有；支持 SSH、HTTP 和 SVN 访问。 使用帮助 »</p>
          <br>
          <h4>代码质量分析</h4>
          <p>一键分析您的项目，更直观地了解项目代码整体质量。 立即使用 »</p>	
				</div>
				<div id="picright">
					<img src="https://git.oschina.net/index/code.png" alt="" style="width:65px;padding-top:1rem;">
					<img src="https://git.oschina.net/index/code.png" alt="" style="width:65px;padding-top:4rem;">
				</div>
				<div id="iconright">
					<h4>Team@OSC集成</h4>
          <p>代码托管与团队协作的一体化服务式管理平台，轻松管理项目和团队。 立即使用 »</p>
          <br>
          <h4>项目演示平台</h4>
          <p>提供 CloudFoundry 和 Docker 环境，支持多种语言框架及数据库服务。 了解更多 »</p>
				</div>
			</div>
		</div>
		<footer>
			<div class="webbottom">
				<table>
					<tr valign="top" style="background-color:">
						<td  width="10%"></td>
						<td class="dilan" id="dilan1">
							<div>使用条款</div>
							<div>隐私与安全</div>
							<div>使用教程</div>
						</td>
						<td class="dilan">
							<div>FAQ</div>
							<div>ProGit</div>						
						</td>
						<td class="dilan" id="dilan2" >
							<div>开源中国讨论区</div>
							<div>联系我们</div>
							<div>© 2015 OSChina.NET</div>
						</td>
						<td class="dilan" width="8%">
							<div><img src="https://www.oschina.net/img/logo_s2.gif" alt="" style="height:30px;"></div>
							<div><img src="https://git.oschina.net/51idc.png" alt="" style="height:30px;"></div>
							<div><img src="https://git.oschina.net/wosign.png" alt="" style="height:30px;"></div>
						</td>
						<td class="dilan"  id="dilan3"  >
							<div>扫描下载手机APP →</div>
							<div>Android & iPhone</div>
							<div>切换至手机版</div>
						</td>
						<td class="dilan" width="8%" id="dilan4" >
							<div><img src="https://git.oschina.net/appclient.png" alt="" style="width:80px;"></div>
						</td>
						<td class="dilan" width="6%"></td>
					</tr>				
				</table>
			</div>
		</footer>
	</body>
</html>